<template>
  <div>
    <div class="card-header">{{ title }}</div>
    <div class="card-top">
      {{ count }}
    </div>
    <div>
      <slot name="charts">
      </slot>
    </div>
    <div>底部区域</div>
  </div>
</template>

<script>
import { title } from '@/settings';

export default {
  props: ['title', 'count'],
  data() {
    return {}
  },
}
</script>

<style scoped>
.card-header {
  display: flex;
  font-size: 20px;
}
</style>